/*
 * @Author: AskMeWhy 
 * @Date: 2020-06-16 23:41:05 
 * @Last Modified by: AskMeWhy
 * @Last Modified time: 2022-02-10 17:19:44
 */
$page-header-font-size: .16rem;
$page-header-default-color: #333;
.page-base-box{
    width: 100%;
    height: 100%;
    min-width: 12rem;
    overflow: auto;
    ::v-deep{
        .pbb__title{
            font-size: $page-header-font-size;
            color: $page-header-default-color;
            padding: 0 0 .2rem;
            line-height: 1.4;
            a:focus, a:hover{
                text-decoration: unset;
            }
        }
        .pbb__search-box{
            width: 100%;
        }
        .pbb__search-column{
            width: 100%;
            &::after{
                display: block;
                content: '';
                visibility: hidden;
                clear: both;
                font-size: 0;
                line-height: 0;
            }
        }
        .pbb__search-group{
            float: left;
            margin-right: .12rem;
            padding-bottom: .2rem;
            &::after{
                display: block;
                content: '';
                visibility: hidden;
                clear: both;
                font-size: 0;
                line-height: 0;
            }
            &.right{
                float: right;
            }
        }
        .pbb__search-label{
            float: left;
            width: 1rem;
            font-size: $page-header-font-size;
            color: $page-header-default-color;
            text-align: right;
            min-height: .4rem;
            line-height: .4rem;
            &+.pbb__search-info{
                margin-left: 1rem;
                padding-left: .12rem;
            }
        }
        .pbb__search-input,
        .pbb__search-select,
        .pbb__search-select .el-input--medium,
        .pbb__search-cascader,
        .pbb__search-date-picker,
        .pbb__search-date-picker.el-range-editor--medium .el-range-input{
            font-size: $page-header-font-size - .02rem;
            color: $page-header-default-color;
            .el-input__inner,
            .el-input__icon{
                min-height: .4rem;
                line-height: .4rem;
            }
            &.large{
                width: 2.8rem;
            }
        }
        .pbb__search-cascader{
            width: 100%;
            .el-cascader__tags .el-tag{
                max-width: 60%;
            }
        }
        .pbb__search-date-picker{
            &.el-range-editor--medium.el-input__inner{
                height: .4rem;
            }
            .el-range-separator{
                width: 7%;
                line-height: .3rem;
            }
        }
        .pbb__search-v-distpicker{
            label{
                margin-bottom: 0;
                margin-right: 6px;
                select{
                    height: .4rem;
                    line-height: .4rem;
                    width: .8rem;
                    padding: 0 .1rem;
                    font-size: $page-header-font-size;
                    color: $page-header-default-color;
                    option{
                        min-height: auto;
                        height: 100%;
                        line-height: inherit;
                        width: 100%;
                        padding: 0;
                    }
                }
            }
        }
        .pbb__pagination{
            text-align: center;
        }
    }
}
.page-base-body{
    min-height: 600px;
    @include fadeEnter("ver", .1rem);
}
.page-base-header{

}
.page-base-footer{
}
